aboutsummaryrefslogtreecommitdiff
path: root/src/routes/projects/[id]
diff options
context:
space:
mode:
authorMartin Kagamino Lehoux <martin@lehoux.net>2026-09-12 22:26:09 +0200
committerMartin Kagamino Lehoux <martin@lehoux.net>2026-09-12 22:26:09 +0200
commit2a7c4f969874b850e30170f3aef5b578677220b0 (patch)
tree7fafc0aaf017d4f045cedd92a6fa2d55024fb63d /src/routes/projects/[id]
parent5f0a73920034741236034ed7a721c68eceb8ab82 (diff)
Scope badges, titles, and one-off styles; add Button outline
ScoreBadge/StatusBadge carry their own color scales, no bg-*/text-* globals. SectionTitle unifies category-name and section-title dupes (h2/h3 via level prop). Grocery add-bar buttons use Button, new outline variant for the secondary action. save-status moves into its only page. Delete dead globals and page overrides.
Diffstat (limited to 'src/routes/projects/[id]')
-rw-r--r--src/routes/projects/[id]/+page.svelte14
1 files changed, 2 insertions, 12 deletions
diff --git a/src/routes/projects/[id]/+page.svelte b/src/routes/projects/[id]/+page.svelte
index b48a331..8d62a39 100644
--- a/src/routes/projects/[id]/+page.svelte
+++ b/src/routes/projects/[id]/+page.svelte
@@ -11,6 +11,7 @@
parseIntervalToDays,
type RoutineState,
} from '$lib/shared/routine-metrics';
+ import SectionTitle from '$lib/components/SectionTitle.svelte';
import { formatDayMonth } from '$lib/shared/temporal';
let { data, form } = $props();
@@ -44,7 +45,7 @@
{#if data.healthSeries.length > 0}
<section>
- <h2 class="section-title">Santé</h2>
+ <SectionTitle>Santé</SectionTitle>
<div class="form-card chart-card">
<HealthChart
series={data.healthSeries}
@@ -187,17 +188,6 @@
</main>
<style>
- .section-title {
- font-size: 0.75rem;
- font-weight: 700;
- text-transform: uppercase;
- letter-spacing: 0.08em;
- color: var(--accent);
- margin: 1.5rem 0 0.5rem;
- padding-left: 0.5rem;
- border-left: 3px solid var(--accent);
- }
-
.chart-card {
align-items: stretch;
}